<!--
 * @Author: your name
 * @Date: 2021-08-10 11:11:46
 * @LastEditTime: 2021-08-10 11:27:38
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\day07\05-border.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>border</title>
    <style>
        a{
            color:#333;
            text-decoration: none;
            border:1px solid #555;
            padding:5px 10px;
            border-radius:5px;
        }
        body>div:nth-child(3){
            border:10px groove #500;
        }
        body>div{
            border-color:aqua;
            border-width:10px;
            margin:20px;
            padding:20px;
        }
        body>div:nth-child(4){
            border-style:dashed;
        }
        body>div:nth-child(5){
            border-style: double;
        }
        body>div:nth-child(6){
            border:2px dotted #755;
        }
    </style>
</head>
<body>
    <button>按钮</button>
    <a href="https://www.baidu.com">百度一下</a>
    <div>第一个</div>
    <div>第二个</div>
    <div>第三个</div>
    <div>第四个</div>
    <div>第五个</div>
</body>
</html>